.login-box {
    height: 655px;
    width: 526px;
    margin: auto;
    margin-top: 28px;
    // background-color: skyblue;
    // position: fixed;
    margin-left: 56px;

    .radio {
        margin: auto;
        margin-top: 20px;
        width: 447px !important;

        .el-radio {

            .el-radio__label {
                font-size: 17px;
                font-family: Source Han Sans CN;
                font-weight: 400;
            }

            .el-radio__inner {
                height: 18px;
                width: 18px;
            }
        }
    }

    .is-active {
        color: #1277FE;
        // font-size: 32px;
        font-weight: 700;
    }

    .t-btn {
        display: flex;
        justify-content: flex-start;  
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #666666;
        margin: auto;
        margin-top: 80px;
        width: 447px !important;

        .phone {
            cursor: pointer;
            padding-right: 60px;
        }

        .email {
            cursor: pointer;
        }
    }

    .form .el-form {
        margin: auto;
        margin-top: 40px;
        width: 447px !important;

        .el-form-item {
            height: 100%;
            border-radius: 4px;
            height: 60px !important;

            .el-input {
                height: 100%;

                // line-height: 100%;
                .el-input__inner {
                    height: 100%;
                    line-height: 100%;
                    font-size: 18px;
                    letter-spacing: 2px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    color: #999999;
                    box-shadow: -1px 3px 40px 0px rgba(103, 129, 192, 0.16);
                }

                // .el-input__suffix {
                //     height: 70%;
                //     margin-top: 9px;
                //     font-size: 18px;
                //     font-weight: 400;

                //     .el-input__suffix-inner {
                //         height: 100%;
                //         line-height: 100%;
                //         background-color: #eaf2fd;
                //         letter-spacing: 1px;
                //         border: 1px solid #1277FE;
                //         border-radius: 2px;
                //         span {
                //             color: #1277FE;
                //         }
                //         .negative {
                //             height: 100%;
                //             line-height: 100%;
                //             background-color: #fff;
                //             letter-spacing: 1px;
                //             border: 1px solid #666666;
                //             border-radius: 2px;
                //             // span {
                //             //     color: #666666;
                //             // }
                //         }
                //     }

                // }
            }
        }
    }


    .check-and-forget {
        display: flex;
        justify-content: space-between;
        //   background-color: red;
        height: 30px;
        width: 447px;
        margin: auto;
        line-height: 30px;
        font-size: 17px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #999999;

        .el-checkbox {
            height: 17px;
            width: 17px;

            span {
                height: 100%;
                width: 100%;
                display: inline-block;
                vertical-align: text-top;
            }

            .el-checkbox__inner::after {
                height: 10px;
                left: 5px;
                width: 4px;
            }
        }

        .agree {
            display: inline-block;
            padding-left: 10px;

            a {
                color: #1277FE;
                font-size: 17px;
            }
        }
    }

    .register {
        width: 447px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background-color: #1277FE;
        margin: auto;
        margin-top: 50px;
        box-shadow: -1px 3px 18px 0px rgba(18, 119, 254, 0.47);
        border-radius: 4px;
        font-size: 20px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
    }

    .to-register {
        width: 447px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        // background-color: green;
        margin: auto;
        margin-top: 20px;
        font-size: 17px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;

        span {
            cursor: pointer;
        }
    }
}